<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>用户列表</title>
    <meta name="renderer" content="webkit">
    <meta name="csrf-token" content="{{csrf_token()}}">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

  @include('admin.public.style')
  @include('admin.public.script')
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">演示</a>
        <a>
          <cite>导航元素</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="x_admin_show('添加用户','{{url('admin/role/create')}}')"><i class="layui-icon"></i>添加</button>
        <span class="x-right" style="line-height:40px">共有数据：{{count($rolelist)}} 条</span>
      </xblock>
      <table class="layui-table">
        <thead>
          <tr>
            <th>
              <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>角色名</th>
            <th>操作</th>
        </thead>
        <tbody>
        @foreach($rolelist as $role)
          <tr>
            <td>
              <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{{$role->id}}'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <td>{{$role->id}}</td>
            <td>{{$role->role_name}}</td>
{{--            <td>{{$user->email}}</td>--}}
            <td class="td-manage">
              <a title="授权"  onclick="x_admin_show('授权','{{url('/admin/role/auth/'.$role->id)}}')" href="javascript:;">
                <i class="layui-icon">&#xe612;</i>
              </a>
              <a title="编辑"  onclick="x_admin_show('编辑','{{url('/admin/role/'.$role->id.'/edit')}}')" href="javascript:;">
                <i class="layui-icon">&#xe642;</i>
              </a>
              <a title="删除" onclick="member_del(this,{{$role->id}})" href="javascript:;">
                <i class="layui-icon">&#xe640;</i>
              </a>
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              $.ajax({
                url : '/admin/role/'+id,
                headers : {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type : 'delete',
                dataType : 'json',
                success : function(data){
                  if(data.status == 0){
                    layer.msg('已删除!',{icon:1,time:1000});
                  }else{
                    layer.alert(data.message,{icon: 5});
                  }
                },
                error   : function(data){
                  layer.msg('服务器错误,请稍后重试');
                }
              });
              $(obj).parents("tr").remove();
          });
      }

      function delAll (argument) {
        var data = tableCheck.getData();
        layer.confirm('确认要删除吗？',function(index){
          //捉到所有被选中的，发异步进行删除
          //发异步删除数据
          //发异步删除数据
          $.ajax({
            url : '/admin/role/del',
            headers : {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type : 'post',
            data : {'ids':data},
            dataType : 'json',
            success : function(data){
              if(data.status == 0){
                layer.alert(data.message, {icon: 6},function () {
                  layer.msg(data.message,{icon:6,time:1000});
                  $(".layui-form-checked").not('.header').parents('tr').remove();
                });
              }else{
                layer.alert(data.message,{icon: 5});
              }
            },
            error   : function(data){
              layer.msg('服务器错误,请稍后重试');
            }
          });
      })
      }
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </body>

</html>